:root {
  --color-primary: #1791ff;
  --color-primary-text: #1791ff;
  --color-layout-background: #f5f7f9;

  --translate-left-background: #ffffff;
  --translate-code-background: #f2f3f7;

  --color-nav-text: #333333;
  --color-user-text: #333333;
  --color-label-text: #1791ff;
  --border-color: #797979;
  --user-background: #fff;
  --color-card-background: rgba(23, 145, 255, 0.53);
  --color-tip-background: #fff;
}

.dark-theme {
  --color-primary: linear-gradient(270deg, #1d5e5f 0%, #2f7756 100%);
  --color-primary-text: #0a7f63;
  --color-layout-background: #282828;
  

  --translate-left-background: #011c11;
  --translate-code-background: #2e443b;

  --color-nav-text: #0a7f63;
  --color-user-text: #ffffff;
  --color-label-text: #ffffff;
  --border-color: #2f7756;
  --user-background: #282828;
  --color-card-background: #011C11;
  --color-tip-background: #282828;

  .el-input__inner,
  .el-textarea__inner {
    color: #fff;
    background-image: linear-gradient(270deg, #1d5e5f 0%, #2f7756 100%);
    &:hover,
    &:focus {
      border-color: #2f7756;
    }
  }
}
